<template>
    <div>
      <a-modal
        :maskClosable="false"
        :title="title"
        width="75vw"
        centered
        :bodyStyle="{
          padding: '0 24px'
        }"
        :visible="visible"
        @ok="handleOk"
        @cancel="handleCancel"
        cancelText="关闭">
  
            <a-card :bordered="false" :bodyStyle="{
                padding: '10px 24px'
              }"
              style="width: 100%; height: 80vh; overflow-y: auto;"
            >
              <div class="table-page-search-wrapper">
                <a-form layout="inline" @keyup.enter.native="searchQuery">
                  <a-row :gutter="24">
                    <a-col :xl="6" :lg="7" :md="8" :sm="24">
                        <a-form-item label="合同编号">
                           <j-input placeholder="请输入合同编号" v-model="queryParam.finalNo"></j-input>
                          </a-form-item>
                    </a-col>
                    <a-col :xl="6" :lg="7" :md="8" :sm="24">
                      <a-form-item label="合同名称">
                        <j-input placeholder="请输入合同名称" v-model="queryParam.htmc"></j-input>
                      </a-form-item>
                    </a-col>
                    <a-col :xl="6" :lg="7" :md="8" :sm="24">
                        <a-form-item label="业主单位" :labelCol="labelCol" :wrapperCol="{xs: { span: 19 },sm: { span: 19 }}">
                             <select-customer-input v-model="queryParam.yzdw" placeholder="请选择业主单位" commercialType="1" />
                          </a-form-item>
                    </a-col>
                    <a-col :xl="6" :lg="7" :md="8" :sm="24" v-if="this.signUnit">
                      <a-form-item label="签订单位">
                        <select-Company-input placeholder="请选择签订单位"  :disabled="signUnitFlag" v-model="queryParam.qddw" />
                      </a-form-item>
                    </a-col>
                    <a-col :xl="6" :lg="7" :md="8" :sm="24">
                      <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
                        <a-button type="primary" @click="searchByquery" icon="search">查询</a-button>
                        <a-button type="primary" @click="searchReset(1)" icon="reload" style="margin-left: 8px">重置</a-button>
                      </span>
                    </a-col>
                  </a-row>
                </a-form>
              </div>
              <a-table
                ref="table"
                rowKey="id"
                :scroll="scrollTrigger"
                :columns="columns"
                :dataSource="dataSource"
                :loading="loading"
                :pagination="ipagination"
                :rowSelection="{selectedRowKeys: selectedRowKeys,onSelectAll:onSelectAll,onSelect:onSelectOne, onChange: onSelectChange,type: getType}"
                @change="handleTableChange"
                class="j-table-force-nowrap"
                wrapClassName="ant-modal-cust-warp"
              >
                <span :slot="penetrate=='billNo'?'htmc':'contractFinalNo'" slot-scope="text">{{ text }}</span>
                <span :slot="penetrate=='billNo'?'contractFinalNo':'htmc'" slot-scope="text,record">
                  <a @click.stop="goContratDetail1(record)">{{ text }}</a>
                </span>
              </a-table>
            </a-card>
        <SelectContractFrameworkPenetrate ref="erpContractManagerPenetrate"></SelectContractFrameworkPenetrate>
      </a-modal>
    </div>
  </template>
  
  <script>
    import {filterObj} from '@/utils/util';
    import {queryDepartTreeList, searchByKeywords} from '@/api/api'
    import {getAction} from '@/api/manage'
    import SelectCompanyInput from '@/views/scy/components/SelectCompanyInput'
    // import ErpContractManagerPenetrate from '@/views/scy/penetrate/ErpContractManagerPenetrate'
    import SelectCustomerInput from '@/views/scy/components/SelectCustomerInput'

  
    export default {
      name: "SelectContractNumberInputModel",
      components: {
        SelectCompanyInput,
        SelectCustomerInput,
        //解决循环引入
        ErpContractManagerPenetrate: () => import('@/views/scy/penetrate/ErpContractManagerPenetrate'),
        SelectContractFrameworkPenetrate: () => import('@/views/scy/penetrate/SelectContractFrameworkPenetrate'),
      },
      props: ['multi', 'urlList', 'projectId', 'allList','changeStatus','signUnit','jytd' , 'htlx', 'isCategoryType','penetrate'],
      watch:{
        'projectId'(val){
          if(!this.allList) {
            if (!val) {
              this.dataSource = []
              this.ipagination.total = 0
              return
            }else{
              this.queryParam.xmmc = this.projectId;
              this.loadData(1);
            }
          }
        },
        isCategoryType: {
          handler (value) {
            this.queryParam.isCategoryType = this.isCategoryType;
            this.loadData(1);
          }
        },
        signUnit: {
          handler (value) {
            this.queryParam.qddw = this.signUnit;
            if (value) {
              this.signUnitFlag = true
              this.loadData(1);
            } else {
              this.signUnitFlag = false
            }
          }
        },
        'allList'(value) {
          if (value) {
            this.allList=this.allList;
            this.loadData(1);
          }
        },
        'jytd'(value) {
          this.queryParam.jytd=this.jytd;
          if (value) {
            this.loadData(1);
          }
        },
        'htlx'(value) {
          if (value) {
            this.queryParam.htlx=this.htlx;
            this.loadData(1);
          }
        },
      },
      data() {
        return {
          signUnitFlag: false,
          loading: false,
          title: "选择合同",
          labelCol: {},
          queryParam: {},
          columns: [
            {
              title: '序号',
              dataIndex: '',
              key: 'rowIndex',
              width: 60,
              align: "center",
              customRender: function (t, r, index) {
                return parseInt(index) + 1;
              },
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title: '合同编号',
              align: "center",
              dataIndex: 'finalNo',
              scopedSlots: { customRender: 'contractFinalNo' },
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            // {
            //     title:'业绩归属年度',
            //   align:"center",
            //   width:200,
            //   ellipsis: true,
            //   dataIndex: 'yjgsnd_dictText',
 
            // },
            {
              title: '合同名称',
              align: "center",
              dataIndex: 'htmc',
              scopedSlots: { customRender: 'htmc' },
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title: '业绩归属年度',
              align: "center",
              dataIndex: 'yjgsnd_dictText',
              scopedSlots: { customRender: 'yjgsnd_dictText' },
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },

            {
              title: '签订日期',
              align: "center",
              dataIndex: 'qdrq',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }

            },
            {
              title: '本次合同额',
              align: "center",
              dataIndex: 'bchte',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }

            },
            {
              title: '签订单位',
              align: "center",
              dataIndex: 'qddw_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title:'业主单位',
              align:"center",
              dataIndex: 'yzdw_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title: '经营团队',
              align: "center",
              dataIndex: 'jytd_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title: '申请人',
              align: "center",
              dataIndex: 'proposer_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },

            {
              title: '申请部门',
              align: "center",
              dataIndex: 'proposerDeptId_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title: '变更状态',
              align: "center",
              dataIndex: 'changeStatus_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
            {
              title: '合同档案状态',
              align: "center",
              dataIndex: 'status_dictText',
              customCell: (record, index)=> {
                let that=this;
                return {
                  on: {
                    click: () => {
                      if(this.multi){
                        if(that.selectedRowKeys.indexOf(record.id)> -1) {
                          that.selectedRowKeys.splice(that.selectedRowKeys.indexOf(record.id), 1)
                          this.choseObj.splice(that.selectedRowKeys.indexOf(record.id), 1)
                        } else {
                          that.selectedRowKeys.push(record.id)
                          that.choseObj.push(record)
                        }
                      }else {
                        that.selectedRowKeys = [];
                        that.selectedRowKeys.push(record.id);
                        that.choseObj = [];
                        that.choseObj.push(record);
                      }
                    }
                  }
                }
              }
            },
  
          ],
          url: {},
          dataSource: [],
          choseObj: [],
          departTree: [],
          selectedKeys: [],
          iExpandedKeys: [],
          orgCode: '',
          treeData: [],
          checkedKeys: [],
          ipagination: {
            current: 1,
            pageSize: 10,
            pageSizeOptions: ['10', '20', '30', '50', '100', '200'],
            showTotal: (total, range) => {
              return range[0] + "-" + range[1] + " 共" + total + "条"
            },
            showQuickJumper: true,
            showSizeChanger: true,
            total: 0
          },
          isorter: {
            column: 'createTime',
            order: 'desc',
          },
          scrollTrigger: {x:true},
          selectedRowKeys: [],
          selectionRows: [],
          visible: false,
          toggleSearchStatus: false,
        }
      },
      created() {
        if(!!this.signUnit) {
          this.signUnitFlag = true
        } else {
          this.signUnitFlag = false
        }
        //展示所有
        if(this.allList){
          this.loadData();
        }else{
          if(this.projectId){
            this.loadData();
          }
        }
        // 该方法触发屏幕自适应
        this.resetScreenSize();
        this.refresh();
        this.initSource();
      },
      computed: {
        // 计算属性的 getter
        getType: function () {
          return this.multi == true ? 'checkbox' : 'radio';
        }
      },
      methods: {
        add(selectObj, ids) {
          this.visible = true;
          this.edit(selectObj, ids);
        },
        goContratDetail1(record){
          this.$refs.erpContractManagerPenetrate.initData(record.id);
          this.$refs.erpContractManagerPenetrate.visible=true;
          
        },
        edit(selectObj, ids) {
  
          if (!ids) {
            this.selectedRowKeys = []
          } else {
            this.selectedRowKeys = ids;
          }
          if (!selectObj) {
            this.selectionRows = []
          } else {
            this.selectionRows = selectObj;
            this.choseObj = selectObj;
          }
          if (ids == null && selectObj == null) {
            this.selectionRows = [];
            this.choseObj = [];
            this.selectedRowKeys = [];
          }
  
        },
        loadData(arg) {
          //加载数据 若传入参数1则加载第一页的内容
          if (arg === 1) {
            this.ipagination.current = 1;
          }
          var params = this.getQueryParams();//查询条件
          params.sysOrgCode = this.orgCode;
          if (this.changeStatus) {
            params.changeStatus = this.changeStatus
          }
          if (this.signUnit){
            params.qddw = this.signUnit
            this.queryParam.qddw = this.signUnit
          }
          if(this.jytd){
            params.jytd = this.jytd
            this.queryParam.jytd=this.jytd;
          }
          if(this.htlx){
            params.htlx = this.htlx
            this.queryParam.htlx=this.htlx;
          }
          //查询指定项目
          if(!this.allList){
            //如果项目id存在
            if (this.projectId) {
              params.xmmc = this.projectId;
            }
          }else{
            params.xmmc = null;
          }
          params.isCategoryType = this.isCategoryType
          this.loading = true
          getAction(this.urlList, params).then((res) => {
            if (res.success) {
              this.dataSource = res.result.records;
              this.ipagination.total = res.result.total;
              if (this.orgCode === '') {
                //第一次打开
              } else {
                for (var i = 0; i < this.dataSource.length; i++) {
                  for (var j = 0; j < this.choseObj.length; j++) {
                    if (this.choseObj[j].id == this.dataSource[i].id) {
                      this.selectionRows.push(this.dataSource[i]);
                      this.selectedRowKeys.push(this.dataSource[i].id);
                      break;
                    }
                  }
                }
              }
              //判断是否当前页没有数据且不为第一页
              if (this.dataSource.length == 0 && this.ipagination.current != 1) {
                this.ipagination.current = this.ipagination.current - 1
                this.loadData(this.ipagination.current - 1);
              }
            }else {
              this.dataSource = []
              this.ipagination.total = 0
            }
          }).finally(() => {
            this.loading = false
          })
        },
        loadTree() {
          var that = this
          that.treeData = []
          that.departTree = []
          queryDepartTreeList().then((res) => {
            if (res.success) {
              for (let i = 0; i < res.result.length; i++) {
                let temp = res.result[i]
                that.treeData.push(temp)
                that.departTree.push(temp)
                that.setThisExpandedKeys(temp)
              }
              this.loading = false
            }
          })
        },
        getQueryParams() {
          let param = Object.assign({}, this.queryParam, this.isorter);
          param.field = this.getQueryField();
          param.pageNo = this.ipagination.current;
          param.pageSize = this.ipagination.pageSize;
          return filterObj(param);
        },
        getQueryField() {
          let str = "id,";
          for (let a = 0; a < this.columns.length; a++) {
            str += "," + this.columns[a].dataIndex;
          }
          return str;
        },
        onSelectAll(selected, selectedRows, changeRows) {
          if (selected === true) {
            for (var a = 0; a < changeRows.length; a++) {
              this.choseObj.push(changeRows[a]);
            }
          } else {
            for (var b = 0; b < changeRows.length; b++) {
              this.choseObj.splice(this.choseObj.indexOf(changeRows[b]), 1);
            }
          }
        },
        onSelectOne(record, selected) {
          if (selected === true) {
            if (this.multi) { //多选
              this.choseObj.push(record);
            } else {  //单选
              this.choseObj = [];
              this.choseObj.push(record);
            }
          } else {
            if (this.multi) { //多选
              var index = -1;
              for (var i = 0; i < this.choseObj.length; i++) {
                if (this.choseObj[i].id == record.id) {
                  index = i;
                  break;
                }
              }
              if (index >= 0) {
                this.choseObj.splice(index, 1);
              }
            } else { //单选
              this.choseObj = [];
            }
          }
        },
        initSource() {
          this.selectedRowKeys = [];
          this.selectionRows = [];
          this.choseObj = [];
        },
        onSelectChange(selectedRowKeys, selectionRows) {
          this.selectedRowKeys = selectedRowKeys;
          this.selectionRows = selectionRows;
        },
        searchReset() {
          let that = this;
          Object.keys(that.queryParam).forEach(function (key) {
            that.queryParam[key] = '';
          });
          that.loadData(1);
        },
        handleTableChange(pagination, filters, sorter) {
          //TODO 筛选
          if (Object.keys(sorter).length > 0) {
            this.isorter.column = sorter.field;
            this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
          }
          this.ipagination = pagination;
          this.loadData();
        },
        handleCancel() {
          this.selectionRows = [];
          this.selectedRowKeys = [];
          this.visible = false;
        },
        handleOk() {
          this.$emit("choseObj", this.choseObj);
          this.handleCancel();
        },
        searchByquery() {
          this.loadData(1);
        },
        handleToggleSearch() {
          this.toggleSearchStatus = !this.toggleSearchStatus;
        },
        onSearch(value) {
          let that = this
          if (value) {
            searchByKeywords({keyWord: value}).then((res) => {
              if (res.success) {
                that.departTree = []
                for (let i = 0; i < res.result.length; i++) {
                  let temp = res.result[i]
                  that.departTree.push(temp)
                }
              } else {
                that.$message.warning(res.message)
              }
            })
          } else {
            that.loadTree()
          }
  
        },
        setThisExpandedKeys(node) {
          if (node.children && node.children.length > 0) {
            this.iExpandedKeys.push(node.key)
            for (let a = 0; a < node.children.length; a++) {
              this.setThisExpandedKeys(node.children[a])
            }
          }
        },
        refresh() {
          this.loading = true
          this.loadTree()
        },
        onSelect(selectedKeys, e) {
          if (this.selectedKeys[0] !== selectedKeys[0]) {
            this.selectedKeys = [selectedKeys[0]];
          }
          let record = e.node.dataRef;
          // this.selectionRows.push(record.id);
          this.onClearSelected();
          this.open(record);
        },
        onClearSelected() {
          this.selectedRowKeys = [];
          this.selectionRows = [];
        },
        open(record) {
          this.orgCode = record.orgCode;
          this.loadData(1);
        },
        // 触发屏幕自适应
        resetScreenSize() {
          let screenWidth = document.body.clientWidth;
          if (screenWidth < 500) {
            this.scrollTrigger = {x: 800};
          } else {
            this.scrollTrigger = {};
          }
        }, allObj() {
          this.selectedKeys = [];
          this.onClearSelected();
          this.orgCode = null;
          this.loadData(1);
        }
      }
    }
  </script>
  <style scoped>
    .ant-card-body .table-operator {
      margin-bottom: 18px;
    }
  
    .ant-table-tbody .ant-table-row td {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    .anty-row-operator button {
      margin: 0 5px
    }
  
    .ant-btn-danger {
      background-color: #ffffff
    }
  
    .ant-modal-cust-warp {
      height: 100%
    }
  
    .ant-modal-cust-warp .ant-modal-body {
      height: calc(100% - 110px) !important;
      overflow-y: auto
    }
  
    .ant-modal-cust-warp .ant-modal-content {
      height: 90% !important;
      overflow-y: hidden
    }
  
    .anty-img-wrap {
      height: 25px;
      position: relative;
    }
  
    .anty-img-wrap > img {
      max-height: 100%;
    }
  
  </style>